/*概况样式*/
.right-content{
    padding: 20px 0 20px 20px;
}
.model-top{
    width: 1000px;
    color: #fff;
}
.common-ser{
    margin-right: 10px;
    width: 242.5px;
    height: 140px;
    float: left;
}
span.model-peo{
    font-size: 36px;
}
.model-content{
    padding: 30px 0 30px 30px;
    width: 970px;
}
.model-search{
    height: 40px;
    padding-bottom: 30px;
    border-bottom: 1px solid #eee;
    padding-right: 30px;
}
.model-company{
    padding-top: 2px;
    height: 35px;
    line-height: 35px;
}
.model-company label{
    color: #666;
}
.model-company select{
    height: 30px;
    width: 145px;
    border: 1px solid #ccc;
}
.model-search-input{
    height: 40px;
    width: 322px;
}
.model-search-input input[type="text"]{
    padding: 11px 15px;
    width: 240px;
    border:1px solid #dddee0;
    border-right: 0;
}
.search-button{
    height: 37px;
    width: 50px;
    border: 1px solid #0087d5;
    right: 0;
    top:0;
    background: url("img/icon-zoom.png") center no-repeat #0087d5;
}
.model{
    height: 620px;
}
.model li{
    float: left;
    border: 1px solid #ccc;
    position: relative;
    margin-right: 18px;
    margin-bottom: 20px;
}
.data-demo{
    width: 299px;
    height: 196px;
    background: #fbfbfb !important;
}
a.data-title{
    text-decoration: underline;
}
.data-title,.data-hang{
   /* padding-left: 20px;*/
}
.data-title{
    color: #333;
    height: 25px;
    line-height: 25px;
}
.data-hang{
    color: #999;
    height: 20px;
    line-height: 20px;
}
.commented,.comment{
    border-radius: 4px;
    position: absolute;
    right: 20px;
    top:205px;
}
.commented{
    padding: 4px 13px;
    border: 1px solid #f39c12;
    color: #f39c12;
}
.comment{
    padding: 4px 20px;
    background-color: #40d7e5;
    border: 1px solid #40d7e5;
    color: #fff;
}
.comment:hover{
    background-color: #3abdc9;
    border: 1px solid #3abdc9;
}
.use-model{
    width: 260px;
    margin-left: 20px;
    border-top:2px solid #f7f7f7;
}
.go-model{
    height: 40px;
    line-height: 40px;
    padding-left: 90px;
    background: url("img/ic-usemodel.png") 155px center no-repeat;
}
.model-page{
    height: 32px;
}
/*模型详情页*/
.model-data{
    width: 300px;
    height: 200px;
    background-color: #f3f3f3 !important;
}
.model-detail-intro{
    padding-top: 10px;
}
.model-detail-intro .title{
    font-size: 24px;
    line-height: 31px;
    color: #333;
}
.rating-star{
    display: inline-block;
    *display: inline;
    zoom:1;
    padding-left: 105px;
    height: 16px;
    background:url('img/stars.png') no-repeat;
}
.rating-star.allstar50{
    background-position:0 0
}
.rating-star.allstar45{
    background-position:0 -16px
}
.rating-star.allstar40{
    background-position:0 -32px
}
.rating-star.allstar35{
    background-position:0 -48px
}
.rating-star.allstar30{
    background-position:0 -64px
}
.rating-star.allstar25{
    background-position:0 -80px
}
.rating-star.allstar20{
    background-position:0 -96px
}
.rating-star.allstar15{
    background-position:0 -112px
}
.rating-star.allstar10{
    background-position:0 -128px
}
.rating-star.allstar05{
    background-position:0 -144px
}
.rating-star.allstar00{
    background-position:0 -160px
}
.model-detail-intro .fen,
.madel-tab .fen{
    color: #999;
}
a.use-model-link{
    padding: 12px 20px;
    background-color: #0fa8e7;
    color: #fff;
}
.model-pic .model-name{
    padding-left: 30px;
    height: 55px;
    border-bottom: 1px solid #eee;
}
.model-pic .model-name span{
    line-height: 55px;
}
.model-pic .model-name a{
    line-height: 53px;
}
.model-pic .model-name a{
    padding: 0 45px;
    color: #999;
    border-top:2px solid #fff;
}
.model-pic .model-name a.active{
    border-top:3px solid #666;
    border-right: 1px solid #eee;
    border-left: 1px solid #eee;
    background-color: #fff;
}
.madel-tab{
    padding: 25px 30px 30px;
}
.model-data-big{
    width: 410px;
    height:280px;
    background-color: #f3f3f3 !important;
}
.comment-ul li{
    border-bottom: 1px solid #f7f7f7;
    margin-bottom: 30px;
}
.comment-ul li .left-img{
    width: 60px;
    padding: 0 30px 30px 30px;
}
.comment-ul li .right-comment{
    padding: 5px 10px 15px 30px;
    width: 748px;
}
.comment-ul li .comment-time{
   color:#aaa;
}
.comment-ul li .replay{
    border-top: 1px solid #eee;
    padding-top: 10px;
}
/*数据探索样式*/
.analysis{
    color:#ffffff;
    font-size:16px;
    line-height:40px;
    height:40px;
    line:21px;
    padding:0 40px;
    background-color:#0fa8e7;
    border: 1px solid #0fa8e7;
    border-radius: 2px;
}
.tabel-exploy{
    width: 100%;
    border:1px solid #ddd;
    margin:15px 0;
    border-collapse:collapse;
}
.table-title{
    background-color:#0fa8e7;
    color:#ffffff;
    font-size:12px;
    line-height:36px!important;
    height:36px!important;
    border: 1px solid #0fa8e7;
    text-align:center;
}
.tabel-exploy tbody tr td{
    text-align:center;
    height:70px;
    line-height:70px;
    border:1px solid #ddd;
    margin-left:12px;
}
.tabel-exploy thead tr td,.data-table thead tr td{
    text-align:center;
    border:1px solid #ddd;
}
.tabel-exploy  tr td,.data-table  tr td{
  text-align:center;
  border:1px solid #ddd;
}
.field{
    text-align:center;
    height:22px;
    line-height:22px;
    color:#0fa8e7;
}
table tbody tr:nth-child(odd){
    background-color: #fff;
}
table tbody tr:nth-child(even){
    background-color: #f9fbff;
}
table tbody tr:hover {
    background-color: #E6E9f0;
}
.comment-div{
    width:1000px;
    background-color: #ffffff;
}
span.relative{
    color:#b3b3b3;
    height:35px;
    line-height:35px;
    text-align:center;
}
.table-div{
    margin: 20px 20px;
    padding-bottom: 20px;
}
/*分析结果页*/
.model-result-tab{
    padding: 20px;
    width: 960px;
}
.model-result-tip{
    padding:20px;
    background-color: #f7f8fa;
}
.model-data-zi{
    width: 670px;
}
.model-data-zi .quan{
    color: #333;
}
.model-data-zi .point{
    color: #fff;
    padding: 2px 3px;
    background-color: #7ed321;
}
.model-data-zi .point.error{
    background-color: red;
}
.setting-name li{
    border: 1px solid #b2ccec;
    height: 28px;
    line-height: 28px;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}
.setting-name .detail{
    background-color: #f7f7f7;
    color: #b2ccec;
    padding: 0 4px;
}
.setting-name input[type='text']{
    width: 30px;
    height: 28px;
    border: 0;
    color: #666;
}
.setting-name .pet{
    color: #fff;
    background-color: #b2cdec;
    width:25px;
}
li.disabled .detail,
li.disabled input[type='text']{
    color: #ababab;
}
li.disabled .pet{
    background-color: #eee;
}
.setting-name li.disabled{
    border: 1px solid #eee;
}
.reset-data{
    padding: 12px 25px;
    color: #fff;
    background-color: #0fa8e7;
}
.result-detail{
    padding: 30px 0 0 20px;
}
.result-pic {
    width: 450px;
    height: 400px;
    float: left;
    background-color: #fafafa;
    border-radius: 4px;
    box-shadow: 0 2px 10px 0 rgba(0,0,0,0.20);
    margin-right: 20px;
    margin-bottom: 20px;
}
.result-no-pic{
  width: 450px;
  height: 350px;
  font-size: 18px;
  margin: 20px auto;
  text-align: center;
}
.result-title {
    font-size: 16px;
    height: 35px;
    line-height: 35px;
    padding-left: 25px;
}
.result-echart {
    width: 100%;
    height: 348px;
    background-color: #f3f3f3 !important;
}
.result-button{
    padding: 30px 0 20px 0;
    background-color: #f7f8fa;
}
.result-button .button{
    width: 340px;
}
.button input[type='button']{
    padding: 10px 25px;
}
input[type='button'].write{
    color: #0fa8e7;
    background-color: #fff;
    border:1px solid #ebebec;
    cursor: pointer;
}
input[type='button'].blue{
    color: #fff;
    background-color: #0fa8e7;
    border: 1px solid #0fa8e7;
    cursor: pointer;
}
.layer-self{
    padding: 20px;
    width: 570px;
}
.layer-title{
    height: 40px;
    border-bottom: 1px solid #ccc;
}
.layer-title a{
    height: 36px;
    line-height: 36px;
    margin: 0 30px;
    color: #999;
    border-bottom: 4px solid #fff;
}
.layer-title a.active{
    color: #333;
    border-bottom: 4px solid #333;
}
.layer-tabs{
    width: 570px;
    height: 370px;
}
.data-table{
    width: 100%;
}
.data-table tbody tr td{
    border: 1px solid #ddd;
    text-align: center;
    height: 36px;
    line-height: 36px;
    font-size: 12px;
}
.data-table  tr td{
  border: 1px solid #ddd;
  text-align: center;
  height: 36px;
  line-height: 36px;
  font-size: 12px;
}
.table-span-name{
    color: #20aee8;
    //background-color: #eef4fa;
    padding: 3px 8px;
}
.data-result-table{
    padding: 20px;
}
/*评价*/
.eval-content{
    width: 610px;
}
.eval-star-box{
    height: 20px;
}
.star-explain{
    color: #666;
    font-size: 14px;
    height: 18px;
    line-height: 18px;
    position: relative;
    top: -3px;
}
.evl-star{
    width: 99px;
    height: 18px;
    display: inline-block;
    background: url("img/5stars.png") right top no-repeat;
    background-size: 89px auto;
}
.evl-star li{
    width: 9.09%;
    height: 18px;
    float: left;
    cursor: pointer;
}
.eval-scroe{
    display: inline-block;
    width: 30px;
    text-align: center;
}
.eval-textarea{
    width: 610px;
    height: 200px;
    background: #f9f9f9;
    border: 0;
    resize: none;
    font-size: 14px;
    color: #858585;
    padding: 20px 30px;
    box-sizing: border-box;
}
.evalBtn-box .use-model-link.cancel-btn-comment{
    border: 1px solid #eee;
    background: #fff;
    color: #0FA8E7;
}
.evalBtn-box a{
    width: 80px;
    text-align: center;
}
.model-data-box{
    width: 300px;
}
.echart-data-tit{
    color: #333;
    font-size: 24px;
    line-height: 31px;
    display: inline-block;
}
.no-model{
  margin:0 auto;
  text-align:center;
  height:50px;
  line-height:50px;
  font-size:18px;
}
.api-data li{
  padding: 5px 0;
  line-height: 20px;
  color: #666;
  word-break: break-all;
}
.api-data li .tit{
  float: left;
  width: 70px;
  text-align: center;
  font-weight: 600;
}
.explore-submit .next-btn{
  display: inline-block;
  font-size:16px;
  width:110px;
  height:40px;
  line-height:40px;
  color:#fff;
  background-color:#0FA8E7;
  border:1px solid #0FA8E7;
  text-align: center;
  cursor: pointer;
}
.explore-submit .cancel-btn{
  display: inline-block;
  font-size:16px;
  width:110px;
  height:40px;
  line-height:40px;
  color:#0FA8E7;
  background-color:#fff;
  border:1px solid #ebebec;
  text-align: center;
  cursor: pointer;
}
